event loop [CS] fetch(네트워크 요청) Day-27 비동기 요청의 가장 핵심은 네트워크 요청이라고 볼 수 있습니다. 네트워크 요청 형태는 다양하지만 URL로 요청하는 경우가 많습니다. 이걸 가능하게 만들어주는 것이 fetch API 입니다. fetch API 특정 URL로부터 정보를 받아오는 역할을 합니다. 이 과정은 비동기로 이루어지기 때문에 시간이 걸릴 수 있습니다. blocking 발생 시 UX가 떨어지기 때문에 로딩 창을 띄우는 경우도... await네트워크 요청비동기이벤트 루프event loopasyncFetchFetch APIFetch TIL#43 JS) 이벤트 루프의 Queue Event Loop는 브라우저에 존재하는 여러 Queue들에 우선순위를 부여해 어떤 task를 먼저 수행할지 결정한다. 우리가 기존에 알고 있던 Task Queue 는 뒤에서 설명한 Microtask Queue 와 구별하기 위해 Macrotask Queue 라고도 부른다. Task Queue 는 Web API 가 수행한 비동기 함수를 넘겨받아 Event Loop 가 해당 함수를 Call St... animation FramesMicrotask Queueevent loopTILtask queueMicrotask Queue 이벤트 루프, 넌 누구냐 하나의 프로세스가 여러 스레드로 나뉠 수 있다. 콜 스택에 들어가기 전에 setTimeout, 사용자 이벤트 콜백 등이 저장되는 큐 브라우저의 이벤트 루프는 메인 스레드 동작 타이밍을 관리하는 관리자라고 할 수 있다. 브라우저 동작 특징을 알아보면서 이벤트 루프가 중요한 이유를 알아보자. 1. 브라우저 동작의 대부분이 메인 스레드에서 싱글 스레드로 실행된다. 여기서 메인 스레드가 싱글 스레드... event loopJavaScriptJavaScript Javascript 근본부터 알아보자 요즘 면접을 보러 다니면서 하고자 하는 언어에 대한 '근본적인것부터 공부 해야겠다'라는 생각을 하게 되어 글을 적게 되었다. 한번에 하나의 작업만 수행할 수 있는데 '어떻게 동시성을 가질 수 있을까?' 하는 거였다. V8 Javascript engine 모든 브라우저는 Javascript 코드를 실행하기 위해 Javascript Engine을 제공하는데 제일 많이 사용되는 Google의 V8... JavaScriptcallbackevent loopJavaScript
[CS] fetch(네트워크 요청) Day-27 비동기 요청의 가장 핵심은 네트워크 요청이라고 볼 수 있습니다. 네트워크 요청 형태는 다양하지만 URL로 요청하는 경우가 많습니다. 이걸 가능하게 만들어주는 것이 fetch API 입니다. fetch API 특정 URL로부터 정보를 받아오는 역할을 합니다. 이 과정은 비동기로 이루어지기 때문에 시간이 걸릴 수 있습니다. blocking 발생 시 UX가 떨어지기 때문에 로딩 창을 띄우는 경우도... await네트워크 요청비동기이벤트 루프event loopasyncFetchFetch APIFetch TIL#43 JS) 이벤트 루프의 Queue Event Loop는 브라우저에 존재하는 여러 Queue들에 우선순위를 부여해 어떤 task를 먼저 수행할지 결정한다. 우리가 기존에 알고 있던 Task Queue 는 뒤에서 설명한 Microtask Queue 와 구별하기 위해 Macrotask Queue 라고도 부른다. Task Queue 는 Web API 가 수행한 비동기 함수를 넘겨받아 Event Loop 가 해당 함수를 Call St... animation FramesMicrotask Queueevent loopTILtask queueMicrotask Queue 이벤트 루프, 넌 누구냐 하나의 프로세스가 여러 스레드로 나뉠 수 있다. 콜 스택에 들어가기 전에 setTimeout, 사용자 이벤트 콜백 등이 저장되는 큐 브라우저의 이벤트 루프는 메인 스레드 동작 타이밍을 관리하는 관리자라고 할 수 있다. 브라우저 동작 특징을 알아보면서 이벤트 루프가 중요한 이유를 알아보자. 1. 브라우저 동작의 대부분이 메인 스레드에서 싱글 스레드로 실행된다. 여기서 메인 스레드가 싱글 스레드... event loopJavaScriptJavaScript Javascript 근본부터 알아보자 요즘 면접을 보러 다니면서 하고자 하는 언어에 대한 '근본적인것부터 공부 해야겠다'라는 생각을 하게 되어 글을 적게 되었다. 한번에 하나의 작업만 수행할 수 있는데 '어떻게 동시성을 가질 수 있을까?' 하는 거였다. V8 Javascript engine 모든 브라우저는 Javascript 코드를 실행하기 위해 Javascript Engine을 제공하는데 제일 많이 사용되는 Google의 V8... JavaScriptcallbackevent loopJavaScript